<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="icon" th:href="@{https://v3.bootcss.com/favicon.ico}">

<title>登录</title>
<!-- Bootstrap core CSS -->
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
<!-- Custom styles for this template -->
<link th:href="@{/css/signin.css}" rel="stylesheet">
<link
	th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}"
	rel="stylesheet">
<link th:href="@{https://v3.bootcss.com/examples/signin/signin.css}"
	rel="stylesheet">
</head>

<body>

	<div class="container">

		<form class="form-signin" th:action="@{/user/login}">
			<h2 class="form-signin-heading" th:text="#{login.tip}"></h2>
			<!--如果error值为空则不显示消息-->
			<p style="color: red" th:text="${error}"
				th:if="${not #strings.isEmpty(error)}"></p>
			<label for="inputUserName" class="sr-only"
				th:text="#{login.username}"></label> <input type="text"
				id="inputUserName" name="username" class="form-control"
				th:placeholder="#{login.username}" required="" autofocus="">
			<label for="inputPassword" class="sr-only"
				th:text="#{login.password}"></label> <input type="password"
				id="inputPassword" name="password" class="form-control"
				th:placeholder="#{login.password}" required="">
			<div class="checkbox">
				<label> <input type="checkbox" value="remember-me">[[#{login.remember}]]
				</label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.btn}]]</button>
			<p class="text-muted">2017-2021</p>
			<a class="btn btn-sm" th:href="@{/index.html(l='zn_CN')}">中文</a> <a
				class="btn btn-sm" th:href="@{/index.html(l='en_US')}">英文</a>
		</form>

	</div>
	<!-- /container -->

</body>
</html>